<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>06-css3新特性</title>
    <style>
      /* :nth-child(n) 匹配父元素的第 n 个子元素 */
      /* 
        odd 所有的奇数行
        even 所有的偶数行
        nth-child 所有的元素都算在ul的子元素
        :nth-of-type 只有li算在ul的子元素里，其他元素剔除

      */
      /* ul li:nth-child(even) {
        color: red;
      } */

      /* ul li:nth-of-type(even) {
        color: red;
      } */
      /* ul li:first-child {
        color: red;
      } */
      /* ul li:last-child {
        color: red;
      } */
      /* ul li:last-of-type {
        color: red;
      } */
    </style>
  </head>
  <body>
    <ul>
      <li>诛仙</li>
      <li>斗破苍穹</li>
      <li>斗罗大陆</li>
      <li>大主宰</li>
      <li>不良人</li>
      <p>xxxx</p>
    </ul>
  </body>
</html>
